//和每个页面不同的地方
.menu-right{
    .m-r-assets{
        margin-bottom: 30px;
        ul{
            padding-top: 20px;
        }
        li{
            list-style: none; height: 40px; padding: 15px 10px; position: relative; border: 1px solid #fff; -moz-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12); box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);
            width: 375px; margin-bottom: 20px; border-radius: 5px; cursor: pointer;float: left; margin-right: 60px;
            .m-r-a-tit{
                display: inline-block; height: 40px; line-height: 40px; vertical-align: top; color: #999; font-size: 16px;
            }
            .money{
                position: absolute; display: inline-block; right: 10px; color: #e95a5c; font-size: 16px; margin-top: 10px;
            }
        }
    }
    .m-r-operate-item{
        clear: both; padding-top: 10px; min-height: 80px;
        &.account_input{
            min-height: 40px !important;
            .item-right{
                >div{
                    position: relative;
                }
                .calendar_input{
                    i{
                        width: 30px; height: 30px; display: inline-block; background: url('../images/user/calendar_icon.png') no-repeat; background-size: 100%; position: absolute; right: 0px; top: 5px;
                    }
                }
            }
        }
       .item-left{
           width: 100px; float: left; margin-top: 10px; font-size: 14px; color: #333;
       }
       .item-right{
           float: left; font-size: 14px;
           .item-r-method{
               li{
                list-style: none; float: left; width: 90px;  margin-right: 20px; text-align: center; cursor: pointer;
                &.active{
                    .img{
                        position: relative;
                        &::after{
                            content: " "; width: 18px; height: 18px; display: inline-block; position: absolute; right: 0px; bottom: 0px;
                        }
                    }
                    p{
                        color: #299edf;
                    }
                }
                .img{
                    height: 50px; border: 1px solid #f2f2f2; margin-bottom: 8px; border-radius: 5px; text-align: center;
                    img{
                        margin-top: 10px;
                    }
                }
               }
           }
           .item-r-accout{
               width: 800px;
               li{
                    list-style: none; float: left; margin-right: 20px; text-align: center; cursor: pointer;border: 1px solid #e3e3e3; border-radius: 5px; padding: 10px; margin-bottom: 8px; position: relative;
                    &.active{
                        &::after{
                            content: " "; width: 18px; height: 18px; display: inline-block; position: absolute; right: 0px; bottom: 0px;
                        }
                    }
                }
           }
           .bank_msg{
               clear: both; border-top: 1px solid #e3e3e3; padding-top: 6px;
               .bank_msg_item{
                    width: 600px; border: 1px solid #e3e3e3; border-radius: 5px; padding: 8px;
                    &.hide{
                        display: none;
                    }
                   >div{
                       height: 30px; line-height: 30px; margin-bottom: 8px;
                       span{
                           display: inline-block;
                           &.o{
                             width: 80px; text-align: left; 
                           }
                           &.t{
                             width: 460px;
                           }
                           &.th{
                             background: #f7f3f7; padding: 0px 8px; border-radius: 5px; font-size: 12px; cursor: pointer;
                           }
                       }
                   }
               }
           }
           .fast-money{
               margin-top: 20px;
               span{
                   display: inline-block; width: 90px; height: 34px; border: 1px solid #e3e3e3; text-align: center; line-height: 34px; cursor: pointer; border-radius: 5px; margin-right: 20px;
                   &.active{
                       position: relative;
                       &::after{
                         content: " "; width: 18px; height: 18px;  display: inline-block; position: absolute; right: 0px; bottom: 0px;
                       }
                   }
               }
           }
           .input,.select{
               width: 180px; height: 40px; font-size: 14px; padding: 0px 10px; outline: none; border: 1px solid #ddd; border-radius: 5px;
           }
           .select{
               width: 200px;
           }
           .btn{
               width: 200px; height: 40px; border-radius: 40px; color: #fff; margin-right: 20px;  display: inline-block; text-align: center; line-height: 40px; cursor: pointer;
           }
           .msg{
                color: red;
                margin-left: 10px;
                display: block;
                margin-top: 10px;
                &::before{
                    content: "·";
                    font-weight: bold;
                }
           }
       }
    }
    .method_wrap{
        &.hide{
            display: none;
        }
    }

}